page{
    background-color: #f5f5f5;
    font-size: 28rpx !important;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.column {
    display: flex;
    flex-direction: column;
}

.bg_white {
    background-color: #FFFFFF;
}

.page_content{
    padding: 0 40rpx;
}

.h50 {
    height: 100rpx;
    line-height: 100rpx;
}

.paddingL20 {
    padding: 0 40rpx;
}

.paddingT20 {
    padding-top: 40rpx;
}

.paddingL15 {
    padding: 0 30rpx;
}

.textareaStyle {
    width: 670rpx;
    height: 180rpx;
    background: #f5f5f5;
    border-radius: 10rpx;
    padding: 20rpx 20rpx;
}

.u-border-bottom {
    border-bottom-width: 0.5px!important;
    border-color: #dadbde !important;
    border-bottom-style: solid;
}

.flexend {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 16rpx;
}
.safe-padding {
  padding: 10rpx 20rpx 0 30rpx;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  /* backdrop-filter: blur(10px); */
  z-index: 98;
  border-top: 1rpx solid #f0f0f0;
  height: 100rpx;
  height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
}
.data-cell {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    padding: 8rpx 12rpx; /* 将像素单位换成 rpx */
    border-right: 1rpx solid #ccc; /* 将像素单位换成 rpx */
    border-bottom: 1rpx solid #ccc; /* 将像素单位换成 rpx */
    /*word-break: break-all;*/
    /*word-wrap: break-word;*/
    white-space: break-spaces;
    overflow: auto;
    line-height: 48rpx; /* 根据需要调整行高，单位为 rpx */
}

.data-cell:last-child {
    border-right: none;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0);
	z-index: 0
}